Proposal · not yet in the core system

An extended accent palette, derived from your orange.

Five secondary accents tuned to live beside Tristar Orange — same warmth, slightly lower saturation so orange stays the hero. They exist for one job: telling categories apart (charts, tags, multi-section content) where a single accent isn't enough. Each has a base, a tint for fills, and a deep for text on that tint.

Anchors — unchanged

Tristar Orange

#F06810

Primary brand & the dominant accent. Everything below is secondary to this.

Charcoal

#1A1A1A

Brand ink & dark surface. Paired with the warm-grey ramp for all structure.

Extended accents — proposed

Pine

Base#14A89B

Tint#D6F2EE

Deep#0E7268

Ocean

Base#2E83D6

Tint#DBEAFA

Deep#225FA0

Meadow

Base#1FB077

Tint#D6F4E6

Deep#157A52

Plum

Base#C0508E

Tint#F8E2EF

Deep#8E3A66

Goldenrod

Base#EBA916

Tint#FCEFC9

Deep#A9790E

In context

Referrals by specialty

Orange leads; accents differentiate the rest.

Ortho

Sports
Med

Neuro

PM&R

Rheum

Podiatry

Orthopedics Sports Med Neurology PM&R Rheumatology Podiatry

Tags & callouts

Tint background + deep text = accessible labels.

Category tags

Pine Ocean Meadow Plum Goldenrod Orange

Section callouts

Telehealth — virtual visits available at all locations.

Insurance — we verify benefits before your first visit.

Pediatrics — specialized care for younger patients.

Guardrails — so it never dilutes the brand

Orange always leads. Accents are supporting cast — never the headline color of a page.
For categorization only. Charts, tags, multi-section coding — not decoration or random emphasis.
One accent per concept. Don't mix three accents in a single button or heading.
Keep status colors separate. Green/amber/red still mean success/warning/error — don't use Meadow or Goldenrod to signal state.
Tint + deep for text. Pair each tint with its deep shade for readable labels; use base on white only for ≥16px.
Charcoal + grey stay structural. Borders, body text and surfaces remain neutral — accents sit on top.